.search {
  :global(.ant-input) {
    background-color: transparent;
  }

  :global(.ant-input-affix-wrapper) {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    width: 288px;
    height: 32px;
  }

  & .add {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;

    .icon {
      fill: #fff;
      color: #fff;
      font-size: 24px;
    }
  }

  .search-icon {
    width: 24px;
    height: 24px;
  }

  & .switch {
    color: rgba(0, 0, 0, 50%);

    .switch-switch {
      margin: 0 8px;
    }
  }
}

.filter-item {
  :global(.ant-checkbox-wrapper) {
    color: #1d2129;
    font-size: 14px;
    font-weight: 400;
  }
}

.filter-bottom {
  border-top: 1px solid #dcdfe6;
  background: #fff;

  & .reset {
    display: flex;
    align-items: center;
    height: 26px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
    background: #f2f3f5;
    cursor: pointer;
  }
}

.table {
  border: 1px solid #dcdfe6;
  border-radius: 4px;

  & .filter {
    cursor: pointer;

    .icon {
      width: 20px;
      height: 20px;
      fill: black;
      color: black;
    }
  }

  :global(.ant-table-wrapper .ant-table-container table > thead > tr:first-child > th:last-child) {
    border-start-end-radius: 4px;
  }

  :global(.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child) {
    border-start-start-radius: 4px;
  }

  :global(.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover) {
    background: #bcebf7;
  }

  :global(.ant-table-wrapper .ant-table-tbody > tr > td) {
    line-height: 1.5;
    font-family: Avenir;
  }

  :global(.ant-tooltip .ant-tooltip-inner) {
    line-height: 1.5;
    font-family: Avenir;
  }

  :global(.ant-table-wrapper .ant-table-thead > tr > th) {
    background: #e7faff;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 400;
    color: #053b50;

    &:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not(
        [colspan]
      )::before {
      width: 0;
    }
  }
}

.pagination {
  :global(.ant-pagination .ant-pagination-next .ant-pagination-item-link) {
    border-radius: 2px;
  }

  :global(.ant-pagination .ant-pagination-prev .ant-pagination-item-link) {
    border-radius: 2px;
  }

  :global(.ant-pagination .ant-pagination-item) {
    border-radius: 2px;

    &-active {
      background: #44c5e4;
      border-radius: 2px;
    }

    &-active:hover a {
      color: #16202d;
    }

    &-link-icon {
      height: 30px;
    }

    &-ellipsis {
      line-height: 30px;
    }

    & a {
      line-height: 30px;
      color: #16202d;
    }
  }
}

.create-wrapper {
  background-color: rgba(254, 253, 253, 60%) !important;
  box-shadow: 0 10px 70px 0 rgba(68, 197, 228, 20%) inset !important;
  backdrop-filter: blur(10px) !important;

  & .add {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    padding: 15px 24px;
  }

  & .deactivate {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    padding: 15px 24px;
    color: #fff;
  }

  :global(.ant-form-vertical .ant-form-item-label) {
    padding: 0 0 12px;
  }

  :global(.ant-form-vertical .ant-form-item-label > label) {
    color: #16202d;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
  }

  :global(.ant-input::placeholder) {
    color: #b9b9b9;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 400;
  }
}
